<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>产品介绍</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/main.css">
        <link rel="stylesheet" href="css/about/about.css">
        <link rel="stylesheet" href="css/common/media.css">
    </head>
    <body>
        <div class="container">
            <header>
                <nav>
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo图"></a>
                    <div class="box">
                       <a href="index.html"><img src="img/common/logoTxt.png" alt="logo图文"></a>
                       <div class="menu flex">
                           <p class="menuBtn">
                               <i></i>
                               <i class="hidden"></i>
                               <i></i>
                           </p>
                            <ul class="flex" style="display: none;">
                                <img class="wavePic" src="img/common/blueWave.png" alt="蓝波浪图片">
                                <li><i>•</i><a class='letterWaveBox' href="index.html">首页</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="about.html">产品介绍</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="saleLocation.html">销售点</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="news.html">新闻</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="join.html">俱乐部</a></li>
                                <p class="line"><span></span><span></span></p>
                            </ul>      
                       </div>                                                                                                                                                                           
                    </div>
                </nav>
            </header>
            <main class="fluid ready">
                <div class='palace'>
                    <div class="mainHead">
                        <div class="title">   
                            <div class="txt">
                                <h1>
                                    chuanshi<br>
                                    Drinks<br>
                                    产品介绍
                                </h1>
                            </div>
                            <div class="bg ready"></div>
                        </div>
                        
                        <div class="ready overHalf content">
                            <p>制造业</p>
                            <img class='delay-1 wavePic' src="img/common/wave.png" alt="波浪图片">
                            <p class="delay-2">
                                自1924年以来，穿石饮品由位于巴伐利亚森林的一家小型家庭啤酒厂生产。自2000年代初以来，该生产装置仅由可再生能源提供动力，因此不会产生碳。
                            </p>
                            <p class="delay-2">
                                啤酒厂始终关注与环境有关的细节，因此选择了植物性胶水作瓶子的标签。
                            </p>
                            <p class="line delay-3">
                                <span></span>
                                <span></span>
                            </p>
                        </div>
                    </div>
                    <div class="details">
                        <div class="picTxt flex flex-align-items">
                            <div class="introduce">
                                <div class="ready content overHalf">
                                    <p>成分</p>
                                    <img class='delay-1 wavePic' src="img/common/blackWave.png" alt="波浪图片">
                                    <p class="delay-2">
                                        饮品中的水来自啤酒厂下方的天然水。  
                                    </p>
                                    <p class="delay-2">
                                        穿石公司来自巴西的一家合作社（Loscher要求公平贸易和/或有机认证）。
                                    </p>
                                    <p class="delay-2">
                                        饮品保证无麸质，无乳糖，并满足素食饮食的所有需求。
                                    </p>
                                    <p class="delay-2">
                                        没有认为添加咖啡因。不含来自脂肪，饱和脂肪，不饱和脂肪酸和胆固醇纤维的卡路里。
                                    </p>

                                    <p class="line delay-3">
                                        <span></span>
                                        <span></span>
                                    </p>
                                </div>
                            </div>
                            <div class="pic"><img src="img/about/picTxt.jpg" alt="图文配图"></div>
                        </div>
                        <div class="formation">
                            <div class="flip cursorBox">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        <p class="swiper-slide flex">水</p>
                                        <p class="swiper-slide flex">柠檬酸</p>
                                        <p class="swiper-slide flex">焦糖</p>
                                        <p class="swiper-slide flex">水</p>
                                    </div>
                                </div>
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        <p class="swiper-slide flex">天然咖啡因风味</p>
                                        <p class="swiper-slide flex">焦糖</p>
                                        <p class="swiper-slide flex">水</p>
                                        <p class="swiper-slide flex">柠檬酸</p>
                                        <p class="swiper-slide flex">天然咖啡因风味</p>
                                    </div>
                                </div>
                                <div class="followCursor"></div>
                            </div>
                            <div class="flex specific">
                                <div class="flex-align-items flex flex-justify-content"><p>穿石科技牌啤酒每100毫升含有20毫克咖啡因（浓缩咖啡含有平均6.5毫克的咖啡因）。</p></div>
                                <div class="flex-align-items flex flex-justify-content">
                                    <p>营养信息<br>（100％/％的RNJ *）</p>
                                    <p>能量值：20kcal / 84kJ 1％。 蛋白质（0g）：0％。 总碳水化合物（5g）：2%（其中糖 - 5g：5%）。能量值：20kcal / 84kJ 1％。 蛋白质（0g）：0％。 总碳水化合物（5g）：2%（其中糖 - 5g：5%）。</p>
                                    <p>*成人每日营养摄入量的百分比，平均每天摄入2000千卡</p>
                                </div>
                            </div>
                            <div class="content overHalf ready">
                                    <p>承诺说明</p>
                                    <img class='delay-1 wavePic' src="img/common/wave.png" alt="波浪图片">
                                    <p class="delay-2">
                                        玻璃沉积系统可使饮品瓶子平均清洗和重复使用约50次。
                                    </p>
                                    <p class="delay-2">
                                        我们从专业网络（节日，酒吧，俱乐部，饭店）收集玻璃杯，然后将其送回德国。自2015年以来，我们一直与主管当局积极展开活动。要求退还押金，以便消费者可以将空瓶存放收藏在家中，从而参与这种生态且更加经济的社区活动。
                                    </p>
                                    <p class="line delay-3">
                                        <span></span>
                                        <span></span>
                                    </p>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <footer class="fluid">
                <div class="palace">
                    <a class="box" href="saleLocation.html">
                        <div class="contn flex flex-align-items">
                            <div class="bg"></div>
                            <div class="details">
                                <div class="rollBox">
                                    <div class="roll flex">
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                        <p>跟随 · 跟随 · 跟随 · 跟随 · 跟随· </p>
                                    </div>
                                </div>
                                <div class="screen">
                                    <div class="roll flex flex-align-items">
                                        <h1>销售点  销售点  销售点  销售点  销售点</h1>
                                        <h1>销售点  销售点  销售点  销售点  销售点</h1>
                                        <h1>销售点  销售点  销售点  销售点  销售点</h1>
                                        <h1>销售点  销售点  销售点  销售点  销售点</h1>
                                        <h1>销售点  销售点  销售点  销售点  销售点</h1>
                                        <h1>销售点  销售点  销售点  销售点  销售点</h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <nav>
                        <ul>
                            <li><a href="index.html">首页</a></li><i></i>
                            <li><a href="about.html">产品介绍</a></li><i></i>
                            <li><a href="saleLocation.html">销售点</a></li><i></i>
                            <li><a href="news.html">新闻</a></li><i></i>
                            <li><a href="join.html">俱乐部</a></li><i></i>
                            <li><a href="problems.html">常见问题</a></li><i></i>
                            <li><a href="contactUs.html">联系我们</a></li>
                        </ul>
                        <p>
                            <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                            <span>技术支持：穿石网路</span>
                        </p>
                    </nav>
                </div>
            </footer>
            <div class="animateBottle big beginning"><div class="rotateSelf scrollItem" data-bottom-top="transform:translate(0,50%)" data-top-bottom="transform:translate(0,-34%)"></div></div>
            <div class="shave"></div>
        </div>
        
        <div class="bottomBg">
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
        </div>
        <svg width="0" height="0" style="position: absolute;" 
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink">
        <filter id="water">
            <feTurbulence type="fractalNoise" baseFrequency=".05 .05" numOctaves="1" result="noise1"></feTurbulence>
            <feColorMatrix in="noise1" type="hueRotate" values="0" result="noise2">
            <animate attributeName="values" from="0" to="360" dur="1s" repeatCount="indefinite">
            </feColorMatrix>
            <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="10" in="SourceGraphic" in2="noise2" />
        </filter>
        </svg>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/swiper.js"></script>
        <script>
                var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
                if (typeof jQuery == 'undefined') {
                    console.log(" 未加载")
                    if(flag_lianxing){
                        console.log("自动刷新一次未加载")
                    }else{
                        sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                        window.location.reload();
                    }
            
                } else {
                    console.log(" 已加载")
                }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/main.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/about/about.js"></script>
        <script src="js/common/media.js"></script>
        
    </body>
</html>